  // 显示加载提示信息的函数
  function showLoadingMessage(message) {
    // 创建一个 DOM 元素来显示提示信息
    var loadingDiv = document.createElement("div");
    loadingDiv.setAttribute("id", "loadingMessage");
    loadingDiv.style.position = "fixed";
    loadingDiv.style.top = "8%";
    loadingDiv.style.left = "50%";
    loadingDiv.style.transform = "translate(-50%, -50%)";
    loadingDiv.style.backgroundColor = "rgba(0, 0, 0, 0.7)";
    loadingDiv.style.color = "white";
    loadingDiv.style.padding = "10px";
    loadingDiv.style.zIndex = "999";
    loadingDiv.style.borderRadius = "5px";
    loadingDiv.innerHTML = message;
 
    // 将提示信息添加到页面中
    document.body.appendChild(loadingDiv);
  }
 
  // 关闭加载提示信息的函数
  function hideLoadingMessage() {
    var loadingDiv = document.getElementById("loadingMessage");
    if (loadingDiv) {
      // 从页面中移除提示信息
      loadingDiv.parentNode.removeChild(loadingDiv);
    }
  }
 
  // 定义登录函数
  function loginWithParameters() {
    // 从URL中获取参数
    function getParameterByName(name) {
      name = name.replace(/[\[\]]/g, "\\$&");
      var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
        results = regex.exec(window.location.href);
      if (!results) return null;
      if (!results[2]) return "";
      return decodeURIComponent(results[2].replace(/\+/g, " "));
    }
 
    // 获取URL中的参数值
    var szIP = getParameterByName("szIP");
    var szPort = getParameterByName("szPort");
    var szUsername = getParameterByName("szUsername");
    var szPassword = getParameterByName("szPassword");
 
    // 替换属性值
    $("#loginip").val(szIP);
    $("#port").val(szPort);
    $("#username").val(szUsername);
    $("#password").val(szPassword);
 
    // 调用登录函数，稍后执行以确保页面加载完成
    setTimeout(function () {
      clickLogin();
    }, 1000); // 可以根据需要调整等待时间
  }
 
  // 在页面加载完成后自动运行登录函数
  $(document).ready(function () {
    loginWithParameters();
  });
 
  // 登录
  function clickLogin() {
    var loadingMessage = "正在登录设备...";
    showLoadingMessage(loadingMessage);
 
    var urlParams = new URLSearchParams(window.location.search);
 
    // 从URL参数中获取登录信息
    var szIP = urlParams.get("szIP");
    var szPort = urlParams.get("szPort");
    var szUsername = urlParams.get("szUsername");
    var szPassword = urlParams.get("szPassword");
 
    if (!szIP || !szPort) {
      return;
    }
 
    var szDeviceIdentify = szIP + "_" + szPort;
 
    WebVideoCtrl.I_Login(szIP, 1, szPort, szUsername, szPassword, {
      timeout: 3000,
      success: function (xmlDoc) {
        // 登录成功后关闭加载提示信息
        hideLoadingMessage();
        showOPInfo(szDeviceIdentify + " 登录成功！");
        $("#ip").prepend(
          "<option value='" +
            szDeviceIdentify +
            "'>" +
            szDeviceIdentify +
            "</option>"
        );
        setTimeout(function () {
          $("#ip").val(szDeviceIdentify);
          setTimeout(function () {
            getChannelInfo();
          }, 1000);
          getDevicePort();
        }, 10);
      },
      error: function (oError) {
        if (ERROR_CODE_LOGIN_REPEATLOGIN === status) {
          showOPInfo(szDeviceIdentify + " 已登录过！");
        } else {
          alert("登录设备失败, 请刷新页面重试");
          showOPInfo(
            szDeviceIdentify + " 登录失败！",
            oError.errorCode,
            oError.errorMsg
          );
        }
      },
    });
  }